<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><%= title %></title>

    <!-- Bootstrap -->
    <link href="stylesheets/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body data-spy="scroll" data-target=".navbar-scrollpy">
    <!---　　－－－－－－－－－－－－－－－－－－导航－－－－－－－－－－－－－－－－　　-->

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
                <a class="navbar-brand" href="#">公考</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="navbar-scrollpy">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#timeID">时间</a></li>
                        <li><a href="#dongtaiID">官方动态 <span class="badge">3</span></a></li>

                        <li><a href="#redianID">社会热点 <span class="badge">13</span></a></li>
                        <li><a href="#mingshiID">名师谈 <span class="badge">13</span></a></li>
                    </ul>
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Link</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">国考<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">山东省考</a></li>
                                <li><a href="#">１８联考</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!---　　－－－－－－－－－－－－－－－－－－巨幕－－－－－－－－－－－－－－－－　　-->
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="jumbotron">
                    <h1><%- jumu[0].title %></h1>
                    <p><%- jumu[0].content %></p>
                </div>
            </div>
        </div>


        <!---　　－－－－－－－－－－－－－－－－－－时间－－－－－－－－－－－－－－－－　　-->

        <div class="page-header" id="timeID">
            <br /><br /><br />
            <h1>考试时间 <small>最新时间</small></h1>
        </div>
        <br />

        <div>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>项目</th>
                        <th>2017国考</th>
                        <th>2016国考</th>
                        <th>2017省考</th>
                        <th>2016省考</th>
                        <th>网址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>公告发布时间</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>ｗｗｗ</td>
                    </tr>
                    <tr>
                        <td>网上报名</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>ｗｗｗ</td>
                    </tr>
                    <tr>
                        <td>准考证打印</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>ｗｗｗ</td>
                    </tr>
                    <tr>
                        <td>公考笔试</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>12.30</td>
                        <td>ｗｗｗ</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!---　　－－－－－－－－－－－－－－－－－－官方动态－－－－－－－－－－－－－－－－　　-->

        <div class="page-header" id="dongtaiID">
            <br /><br /><br />
            <h1>官方动态 <small>最近5条</small></h1>
        </div>
        <br />

        <!-- －－－－－－－－－－－－－－－－ -->

        <div class="panel-group" id="accordion" >
            <%
               for(var i=0;i<guanfang.length;i++){
            %>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#<%- guanfang[i]._id %>">
                            点击：<%- guanfang[i].title %>
                        </a>
                    </h4>
                </div>
                <div id="<%- guanfang[i]._id %>" class="panel-collapse collapse">
                    <div class="panel-body">
                        <%- guanfang[i].content %>
                    </div>
                </div>
            </div>
            <% } %>
        </div>
 

        <!--－－－－－－－－－－翻页－－－－－－－－－－-->
        <nav>
            <ul class="pager">
                <li class="next"><a href="#">更多 &rarr;</a></li>
            </ul>
        </nav>
        <!---　　－－－－－－－－－－－－－－－－－－社会热点－－－－－－－－－－－－－－－－　　-->

        <div class="page-header" id="redianID">
            <br /><br /><br />
            <h1>社会热点 <small>最近５条</small></h1>
        </div>
        <br />

        <!-- －－－－－－－－－－－－－－－－ -->
        <div class="panel-group" id="accordionn">

            <%
              for(var i=0;i<shehui.length;i++) {
            %>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordionn" href="#<%- shehui[i]._id %>"><%- shehui[i].title %></a>
                    </h4>
                </div>
                <!--div class="panel-heading" 标题-->
                <div id="<%- shehui[i]._id %>" class="panel-collapse collapse ">
                    <div class="panel-body">
                       <%- shehui[i].content %>
                    </div>
                    <!--div class="panel-body" 内容-->
                </div>
                <!--div class="panel-collapse collapse in" 内容包裹框-->
            </div>
            <!--div class="panel panel-default" 第一条展开　-->
        <% } %>
        </div>
        <!-- div class="panel-group" 总展开框架　内含数个展开　-->
       
         <!--－－－－－－－－－－翻页－－－－－－－－－－-->
        <nav>
            <ul class="pager">
                <li class="next"><a href="#">更多 &rarr;</a></li>
            </ul>
        </nav>

        <!---　　－－－－－－－－－－－－－－－－－－名师谈－－－－－－－－－－－－－－－－　　-->

        <div class="page-header" id="mingshiID">
            <br /><br /><br />
            <h1>名师谈 <small>最近５条</small></h1>
        </div>
        <br />

        <!-- －－－－－－－－－－－－－－－－ -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#zhongjun" data-toggle="tab">钟君</a> </li>
        </ul

        <div class="tab-content">
            <div class="tab-pane fade in active" id="zhongjun">
                <!--－－－－－－－总展开－－－－－－－－ -->
                <div class="panel-group" id="accx">

                    <%
                       for(var i=0;i<mingshi.length;i++) {
                    %>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accx" href="#<%- mingshi[i]._id %>">
                                    <%- mingshi[i].title %>
                                </a>
                            </h4>
                        </div>
                        <!--div class="panel-heading" 标题-->
                        <div id="<%- mingshi[i]._id %>" class="panel-collapse collapse">
                            <div class="panel-body">
                               <%- mingshi[i].content %>
                            </div>
                            <!--div class="panel-body" 内容-->
                        </div>
                        <!--div class="panel-collapse collapse in" 内容包裹框-->
                    </div>
                    <!--div class="panel panel-default" 第一条展开　-->
                    <% } %>
                </div>
                <!--div class="panel-group" 总展开框架　内含数个展开　-->
            </div>
            <!--zhongjun 内容-->
        </div>
        <!--标签页整体-->
         <!--－－－－－－－－－－翻页－－－－－－－－－－-->
        <nav>
            <ul class="pager">
                <li class="next"><a href="#">更多 &rarr;</a></li>
            </ul>
        </nav>


        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="javascripts/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="javascripts/bootstrap.min.js"></script>


    </div>
</body>

</html>